﻿.mui-dropdown {
    position: relative;
    display: inline-block;


    .dropdown-toggle {
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0px;
        padding: 5px 0;
        margin-top: 8px;
        box-sizing: border-box;
        border: 1px solid #e7eaf0;
        box-shadow: rgba(0,0,0,0.075) 5px 5px 0px;
        width: 180px;
        background: #fff;
        z-index: 8000;
        display: none;

        &:before {
            border-bottom: 7px solid #eaedf2;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            content: "";
            display: inline-block !important;
            position: absolute;
            left: 9px;
            top: -7px;
        }

        li {
            a {
                display: block;
                padding: 7px 10px;
                font-size: 12px;
                color: #555;
                text-align: left;
                padding-left: 20px;

                &:hover {
                    background: #f6f6f6;
                    color: #333;
                }
            }
        }
    }

    .dropdown-left {
        right: inherit;
        left: 0px;

        &:before {
            right: inherit;
            left: 9px;
        }
    }

    .dropdown-right {
        left: inherit;
        right: 0px;

        &:before {
            left: inherit;
            right: 9px;
        }
    }
}

.btn-group {
    .dropdown-open {
        background: #e6e6e6 !important;
        border-color: #adadad !important;
        color: #333;

        .dropdown-toggle {
            background: #e6e6e6;
        }

        .dropdown-menu {
            display: block;
        }
    }
}

.dropdown-open {
    .dropdown-toggle {
    }

    .dropdown-menu {
        display: block;
    }
}
